<template>
    <div>
        <h1 v-if='q==1'><slot></slot></h1>
        <h2 v-else-if='q==2'><slot></slot></h2>
        <h3  v-else-if='q==3'><slot></slot></h3>
        <h4  v-else-if='q==4'><slot></slot></h4>
        <h5  v-else-if='q==5'><slot></slot></h5>
        <h6  v-else-if='q==6'><slot></slot></h6>
        {{$store.state.count}}
    </div>
</template>
<script>
// @ is an alias to /src
export default {
    name: 'XXX',
    // props:['q'],
    props:{
      // 当我们去编写一些复用性组建的时候  会选择 使用 对象的格式
      q:{
        default:1,// 默认值  当用户没有传递的时候 用这个值 若是数组或者对象的时候 需要写成 函数返回的形式
        // default(){return []}
        type:[String,Number], //规定数据类型的 检验传进 来的数据类型对不对
        validator(val){
          //val 对应的就是传进来的值
          // new Error('参数不对')
          if(val > 5 ){

            console.log('参数太小')
            return false
          }else{
            return true
          }
          // throw new Error('参数不对')
          // return true
        }
      }
    },
    data() {
        return {
        
        }
    },
    components: {
        
    }
}
</script>
<style lang="less">

</style>